<!DOCTYPE html>
<html lang="{{ lang }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ news.title }} - {{ news.news_type_name }} - {{ site_info.name }}</title>
    <link rel="shortcut icon" href="{{ url_for('static', path='favicon.ico') }}" type="image/x-icon">
    <meta name="keywords" content="{{ site_info.keyword }}" />
    <meta name="description" content="{{ site_info.description }}" />
    <meta name="applicable-device" content="pc,mobile" />
    <link href="{{ url_for('static', path='css/bootstrap.min.css') }}" rel="stylesheet" />
	<link href="{{ url_for('static', path='css/bxslider.css') }}" rel="stylesheet" />
	<link href="{{ url_for('static', path='css/style.css') }}" rel="stylesheet" />
	<script src="{{ url_for('static', path='js/jquery.min.js') }}"></script>
	<script src="{{ url_for('static', path='js/bxslider.min.js') }}"></script>
	<script src="{{ url_for('static', path='js/common.js') }}"></script>
	<script src="{{ url_for('static', path='js/bootstrap.min.js') }}"></script>
</head>
<body>
    {% include 'layout/header.html' %}
    <div class="page_bg" style="background: url({{ url_for('static', path='images/detail_bg.jpg') }}) center top no-repeat;"></div>
    <div class="bread_bg">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="bread_nav">
                    <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                        <a href="{{ url_for('index') }}">{{ i18n(key='navigation_home') }}</a> >
                        <a href="{{ url_for('all_news_items') }}">{{ i18n(key='navigation_news') }}</a> >
                        <a href="{{ url_for('news_items', id_=news.news_type_id) }}">{{ news.news_type_name }}</a> >
                        <a href="{{ url_for('news', id_=news.id) }}">{{ news.title }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-3">
                {% include 'layout/news_items_sidebar.html' %}
            </div>
            <!-- right -->
            <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
                <div class="right_head">
                    <h2><span>{{ news.news_type_name }}</span></h2>
                </div>
                <div class="right_contents">
                    <h1 class="right_contents_h1">{{ news.title }}</h1>
                    <div class="desc">
                        <span class="last">{{ news.update_time |format_datetime_object('%Y-%m-%d %H:%M:%S') }}</span>
                    </div>
                    <div class="product_con">
                        {{ news.text }}
                    </div>
                </div>
                <div class="relevant_new">
                    <h3 class="left_h3">
                        <span>{{ i18n(key='news_detail_related_news') }}</span></h3>
                    <ul class="right_new">
                        {% for rn in related_news %}
                        <li>
                            <a href="{{ url_for('news', id_=rn.id) }}" title="{{ rn.title }}">{{ rn.title }}</a>
                            <span class="news_time">{{ rn.update_time |format_datetime_object('%Y-%m-%d') }}</span>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <?php $this->load->view("layout/footer")?>
</body>
</html>